<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>WeUI</title>
    <!-- 引入 WeUI CDN 链接 -->
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
    <link rel="stylesheet" href="./page.css">
    <style>
        .logo {
            margin: 5rem auto;
            text-align: center;
        }

        .logo img {
            width: 120px;
        }

        .logo h1 {
            font-weight: 600;
            line-height: 2rem;
            margin-top: 2rem;
        }

        .weui-cells {
            background-color: transparent;
            margin-bottom: 2rem;
        }

        .weui-cells:before {
            border-top: none;
        }

    </style>
</head>

<body>
    <script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>

    <div class="page">
        <div class="logo">
            <img src="../../images/shen.png" />
            <h1>沈阳工学院XX系统</h1>
        </div>
        <div class="weui-cells__group weui-cells__group_form">
            <div class="weui-cells">
                <label for="js_input1" class="weui-cell weui-cell_active" id="js_cell">
                    <div class="weui-cell__hd"><span class="weui-label">学号</span></div>
                    <div class="weui-cell__bd weui-flex">
                        <input id="js_input1" class="weui-input" type="text" pattern="[0-9]*" placeholder="请输入8位学号"
                            maxlength="8" />
                        <button id="js_input_clear" class="weui-btn_reset weui-btn_icon weui-btn_input-clear">
                            <i class="weui-icon-clear"></i>
                        </button>
                    </div>
                </label>
                <label for="js_input2" class="weui-cell weui-cell_active">
                    <div class="weui-cell__hd"><span class="weui-label">密码</span></div>
                    <div class="weui-cell__bd weui-flex">
                        <input id="js_input2" class="weui-input" type="password" />
                    </div>
                </label>
            </div>
        </div>
        <div class="button-sp-area">
            <a role="button" class="weui-btn weui-btn_primary" href="javascript:openMain();">登录</a>
            <a role="button" class="weui-btn weui-btn_default" href="javascript:">注册</a>
        </div>
        <div class="page__bd page__bd_spacing">
            <div class="weui-footer weui-footer_fixed-bottom">
                <p class="weui-footer__text">Copyright &copy; 2022-2022 Allen Wang</p>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function openMain(){
            window.location = './main.html';
        }
    </script>

</body>

</html>